<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="https://unpkg.com/vue"></script>
    <script>
        window.onload=function(){


            Vue.component('child',{
                props:['myMessage'],

                template:'<span>{{message}}</span>',
                data:function(){
                    return data;
                }
            })

            var  app4=new Vue({
                el:'#example-2'
                ,data:{
                    parentMsg:''
                }
            })

        }
    </script>
</head>
<body>
<div id="example">
    <input v-model="parentMsg">
    <br>
    <child v-bind:message="parentMsg"></child>
</div>
<simple-counter></simple-counter>
<simple-counter></simple-counter>
<simple-counter></simple-counter>

</body>
</html>